import { dynamic } from 'umi';
import React from 'react';
import PageLoading from '@/components/PageLoading';
import StepWizard from '@/components/StepWizard';

const UserPage = dynamic({
  loader: () => import('./components/UserPage'),
  loading: PageLoading,
});

const UserDetail = dynamic({
  loader: () => import('./components/UserDetail'),
  loading: PageLoading,
});

function Index() {
  return (
    <StepWizard isLazyMount>
      <UserPage />
      <UserDetail destroy />
    </StepWizard>
  );
}

export default Index;
